﻿@extends('wechat.layouts.base')
@section("js_files")
    <script src="{{asset('dist/wechat/js/share_file.js')}}"></script>
@section('loadding')
@if($data['status'])
	<div class="loadding"><img src="{{asset('dist/wechat/img/posterbg.jpg')}}" /></div>
	<div class="mask" style="display:none">
	  <div class="zhe" style="display:none"></div>
      <div class="rule" style="display:none">
<!-- 规则图片 -->
		 <img src="https://ooo.0o0.ooo/2017/01/04/586c581063309.png" style=" width: 100%; ">
	   </div>
	</div>
	<script>
		$("#container").addClass("page");
		$(".page").css("opacity","0")
	</script>
@endif
@endsection
<script src="http://www.ebama.net/data/attachment/js/index/build.js"></script>
<script src="http://www.ebama.net/data/attachment/js/swiper.min.js"></script>
@endsection
@section('content')
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="https://ooo.0o0.ooo/2017/01/03/586b9d6f5f987.jpg"/></div>
                <div class="swiper-slide"><img src="https://ooo.0o0.ooo/2017/01/03/586b9d9c30f71.jpg"/></div>
                <div class="swiper-slide"><img src="https://ooo.0o0.ooo/2017/01/04/586ca8253f158.jpg"/></div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>
        </div>
        <script>
                var mySwiper = new Swiper ('.swiper-container', {
                    direction: 'horizontal',
					autoplay: 2000,
                    loop: true,
                    // 如果需要分页器
                    pagination: '.swiper-pagination',
                })
        </script>
      <!--实时动态(后台数据)-->
      <div class="list1">
         <ul>
            <li><h4>总人数</h4><span>{{$data['user_count']}}</span></li>
            <li><h4>总星数</h4><span>{{$data['build_star_sum']}}</span></li>
            <li><h4>售楼部人气</h4><span>{{$data['build_count_sum']}}</span></li>
         </ul>
      </div>
   <!--无缝滚动(后台数据)-->
      <div class="scroll">
         <ul id="Marquee" class="list2">
            {{--<li><img class="twopic" src="http://placekitten.com/g/50/50" /><span>1xx刚刚为xx点亮7星</span></li>--}}
         </ul>
      </div>
      <!--表单(后台数据)-->
	  <div class="weui-cells" style="margin:0;">
            <div class="weui-cell weui-cell_select" style="padding: 0">
			<!--
                <div class="weui-cell__hd">
                    <span id="sx" class="weui-select"></span>
                </div>
				-->
                <div class="weui-cell__bd" style="padding: 0">
                    <div class="weui-search-bar" id="search_bar">
						<form class="weui-search-bar__form">
							<div class="weui-search-bar__box">
								<i class="weui-icon-search"></i>
								<input type="search" class="weui-search-bar__input" id="search_input" placeholder="楼盘搜索" />
								<a href="javascript:" class="weui-icon-clear" id="search_clear"></a>
							</div>
							<label for="search_input" class="weui-search-bar__label" id="search_text">
								<i class="weui-icon-search"></i>
								<span>楼盘搜索</span>
							</label>
						</form>
						<a href="javascript:" class="weui-search-bar__cancel-btn cancel" id="search_cancel">取消</a>
					</div>
                </div>
            </div>
        </div>
        <div class="weui-panel weui-panel_access" style="display: none; margin: 0;">
            <div class="weui-cells" style="margin: 0">
                <div class="weui-cell weui-cell_select weui-cell_select-after">
                    <div class="weui-cell__hd">
                        <label for="" class="weui-label">区域</label>
                    </div>
                    <div class="weui-cell__bd">
                        <select class="weui-select" name="arae_id">
                            @foreach($data['build_areas'] as $row)
							<option value="{{$row->id}}">{{$row->areas_name}}</option>
							@endforeach
                        </select>
                    </div>
                </div>
                <div class="weui-cell weui-cell_select weui-cell_select-after">
                    <div class="weui-cell__hd">
                        <label for="" class="weui-label">价格</label>
                    </div>
                    <div class="weui-cell__bd">
                        <select class="weui-select" name="price_id">
                            @foreach($data['build_price'] as $row)
							<option value="{{$row->id}}">{{$row->min_price}}-{{$row->max_price}}</option>
							@endforeach
                        </select>
                    </div>
                </div>
                <div class="weui-cell weui-cell_select weui-cell_select-after">
                    <div class="weui-cell__hd">
                        <label for="" class="weui-label">类型</label>
                    </div>
                    <div class="weui-cell__bd">
                        <select class="weui-select" name="type_id">
                            @foreach($data['build_type'] as $row)
							<option value="{{$row->id}}">{{$row->name}}</option>
							@endforeach
                        </select>
                    </div>
                </div>
            </div>
        </div>
        <script type="text/javascript">
            $(document).ready(function(){
                $("#sx").click(function(){
                    $(".weui-panel").slideToggle("slow");
                });
            });
        </script>
      <div class="loupanShow">
         <div id="indexcontent">
            <ul class="list" id="build_list">

            </ul>
            {{--<div id="showMore"></div>--}}
         </div>
      </div>

@endsection
@section('js')
    <script>
		setTimeout(function () {
            $('.loadding').css('display','none');
			$('.page').css('opacity','1');
			$('.mask').css('display','block');
			$('.zhe').css('display','block');
			$('.rule').css('display','block');
        },2000);
		$('.zhe,.rule img').on('click',function () {
			$('.mask').css('display','none');
			$('.zhe').css('display','none');
			$('.rule').css('display','none');
		})
    </script>
	<script src="{{asset('dist/wechat/js/vote.js')}}"></script>
	<script>
	//滚动设置
		onload = function(){
		sss(90,20);
		};
		var _picH = 90;
	</script>
   @endsection
